<?php
include('../../config/config.php');?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>Database - SDM</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">

<!-- Stylesheets -->
  <link href="../../style/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="../../style/font-awesome.css"> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="../../style/jquery-ui.css"> 
  <!-- Calendar -->
  <link rel="stylesheet" href="../../style/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="../../style/prettyPhoto.css">   
  <!-- Star rating -->
  <link rel="stylesheet" href="../../style/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="../../style/bootstrap-datetimepicker.min.css">
  <!-- jQuery Gritter -->
 <!-- <link rel="stylesheet" href="../../style/jquery.gritter.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="../../style/jquery.cleditor.css"> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="../../style/bootstrap-toggle-buttons.css">
  <!-- Main stylesheet -->
  <link href="../../style/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="../../style/widgets.css" rel="stylesheet">   
  <!-- Responsive style (from Bootstrap) -->
  <link href="../../style/bootstrap-responsive.css" rel="stylesheet">

   
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="../..img/favicon/favicon.png">
</head>

<body>

<?php
include ("header.php");
?>

<!-- Main content starts -->

<div class="content">

  	<!-- Sidebar -->
    <div class="sidebar">
        <div class="sidebar-dropdown"><a href="#">Navigation</a></div>

        <div class="sidebar-inner">

          <!--- Sidebar navigation -->
          <!-- If the main navigation has sub navigation, then add the class "has_submenu" to "li" of main navigation. -->
          <ul class="navi">

            <!-- Use the class nred, ngreen, nblue, nlightblue, nviolet or norange to add background color. You need to use this in <li> tag. -->

           <li class="norange"><a href="index.php"><i class="icon-home"></i> Home</a></li>
			
			<li class="has_submenu norange current open">
			<a href="index.php">
			<i class="icon-user"></i> Biodata Pegawai
			 <span class="pull-right"><i class="icon-angle-right"></i></span>
			</a>
			<ul>
			<li class="norange"><a href="editbiodata.php"><i class="icon-edit"></i> Edit Biodata</a></li>

            <li class="active"><a href="pendidikan.php"><i class="icon-th-large"></i> Pendidikan</a></li>

            <li class="norange"><a href="jabatan.php"><i class="icon-briefcase"></i> Jabatan</a></li>

            <li class="norange"><a href="training.php"><i class="icon-info-sign"></i> Training</a></li>
			</ul>
			</li>

            

            <li class="norange"><a href="performance.php"><i class="icon-bookmark"></i> Performance History</a></li>

          </ul>

	
		  
        </div>

    </div>    

    <!-- Sidebar ends -->

  	<!-- Main bar -->
  	<div class="mainbar">
      
	    <!-- Page heading -->
	    <div class="page-head">
        <!-- Page heading -->
	      <h2 class="pull-left">Tambah Pendidikan 
          <!-- page meta -->
          <span class="page-meta">Silahkan menambahkan pendidikan anda.</span>
        </h2>


        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="#"><i class="icon-home"></i> Home / Pendidikan</a> 
          <!-- Divider -->
          <span class="divider">/</span> 
          <a href="#" class="bread-current">Tambah Pendidikan</a>
        </div>

        <div class="clearfix"></div>

	    </div>
	    <!-- Page heading ends -->



	    <!-- Matter -->

	    <div class="matter">
        <div class="container-fluid">

          <div class="row-fluid">

            <div class="span12">


              <div class="widget worange">
                
                <div class="widget-head">
                  <div class="pull-left">Pendidikan</div>
                  <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                  </div>
                  <div class="clearfix"></div>
                </div>

                <div class="widget-content">
                  <div class="padd">

                    <h6>Tambah Pendidikan</h6>
                    <hr />
                    <!-- Form starts.  -->
                     <form class="form-horizontal" method="post" action="../../function/sdm/addpendidikan.php">
                      <div class="control-group">
                        <label class="control-label" for="levelpendidikan">Level Pendidikan</label>
                      <div class='controls select-radio'>
                         <select name="lp">
                          <option id="lp" value='SMA'>SMA</option>
                          <option id="lp" value='S1'>S1</option>
                          <option id="lp" value='S2'>S2</option>
                        </select>
                        </div>
                      </div>
                      <div class="control-group">
                        <label class="control-label" for="lembaga">Lembaga Pendidikan</label>
                        <div class="controls">
                          <input type="text" id="lembaga" name="lembaga" placeholder="Ex: SMA Suka Bumi / ITS">
                        </div>
                      </div>
					  <div class="control-group">
                        <label class="control-label" for="jurusan">Jurusan</label>
                        <div class="controls">
                          <input type="text" id="jurusan" name="jurusan" placeholder="Ex: Sistem Informasi">
                        </div>
                      </div>
					  <div class="control-group">
                        <label class="control-label" for="tanggalkelulusan">Tanggal Kelulusan</label>
                        <div class="controls">
                          <input type="date" value="" data-date-format="dd-mm-yyyy" id="tk" name="tk">
                        </div>
                      </div>
                                   
                      <hr />
                      <button type="submit" class="btn btn-primary" name="Save">Save</button>
                      
                    </form>

                  </div>
                </div>
                  <div class="widget-foot">
                    <!-- Footer goes here -->
                  </div>
              </div>  

            </div>

          </div>

        </div>
		  </div>

		<!-- Matter ends -->

    </div>

   <!-- Mainbar ends -->	    	
   <div class="clearfix"></div>

</div>
<!-- Content ends -->



        <div class="slide-content">


            <!-- Tab content -->
            
            <div class="tab-content">

              <div class="tab-pane active" id="tab1">


            </div>

        </div>
      
    </div>

<!-- Notification box ends -->  

<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="../../js/jquery.js"></script> <!-- jQuery -->
<script src="../../js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="../../js/jquery-ui-1.10.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="../../js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="../../js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="../../js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->
<script src="../../js/bootstrap-datepicker.js"></script>
<script>    $('#dp2').datepicker();
</script>

<!-- jQuery Flot -->
<script src="../../js/excanvas.min.js"></script>
<script src="../../js/jquery.flot.js"></script>
<script src="../../js/jquery.flot.resize.js"></script>
<script src="../../js/jquery.flot.pie.js"></script>
<script src="../../js/jquery.flot.stack.js"></script>

<script src="../../js/jquery.gritter.min.js"></script> <!-- jQuery Gritter -->
<script src="../../js/sparklines.js"></script> <!-- Sparklines -->
<script src="../../js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="../../js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="../../js/jquery.toggle.buttons.js"></script> <!-- Bootstrap Toggle -->
<script src="../../js/filter.js"></script> <!-- Filter for support page -->
<script src="../../js/custom.js"></script> <!-- Custom codes -->
<script src="../../js/charts.js"></script> <!-- Custom chart codes -->

</body>
</html>